<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="../../favicon.ico" rel="shortcut icon" />
<link href="../../base.css" rel="stylesheet" type="text/css" media="screen" />
<script src="../../jquery/jquery.js" type="text/javascript"></script>
<script src="../../ux/jquery.ux.js" type="text/javascript"></script>
<script src="../../ux.sortable/jquery.ux.sortable.js" type="text/javascript"></script>
<title>jquery.ux.sortable</title>
</head><body>

<a href="./">&laquo; Index</a>

<style type="text/css">
.ux-sortable {
	table-layout: fixed;
	table-layout: auto;
	border-collapse: collapse;
	width: 600px;
	}
.ux-sortable thead td {
	border-width: 2px 1px;
	padding: 4px 10px;
	background: #CCC;
	cursor: pointer;
	}
.ux-sortable td {
	border: 1px solid #555;
	padding: 5px 10px;
	width: auto;
	}	
.ux-sortable .ux-sortable-asc {
	border-top-color: #B00;
	}
.ux-sortable .ux-sortable-dsc {
	border-bottom-color: #B00;
	}
</style>

<script type="text/javascript">
jQuery(function($){
	$('#sort1').sortable({
		columns: ["123","abc","abc","date"],
		perpage: 10
		});
	});
</script>

<h2>ux.sortable / perpage</h2>

<table cellpadding="0" cellspacing="0" border="0" id="sort1">
	<thead>
    	<tr><td>Id</td><td>Name</td><td>Email</td><td>Birthday</td></tr>
        </thead>
	<tbody>
		<tr><td>1</td><td>Gus A. Christenson</td><td>gus63@mailexcite.com</td><td>Dec. 21, 1963</td></tr>
		<tr><td>2</td><td>Graciela A. Pacheco</td><td>graciela@pacheco.com</td><td>7/25/83</td></tr>
		<tr><td>3</td><td>Roseann S. Bustos</td><td>rbustos@virginia.edu</td><td>1980-06-09</td></tr>
		<tr><td>4</td><td>Andre E. Fraser</td><td>afraser@infowar.com</td><td>1965 Oct 9</td></tr>
		<tr><td>5</td><td>Louise J. Jose</td><td>louise1856@berkeley.edu</td><td>1966 Jun 15</td></tr>
		<tr><td>6</td><td>Walter D. Crist</td><td>walter1313@uiuc.edu</td><td>Jul. 13, 1986</td></tr>
		<tr><td>7</td><td>Tyler R. Stern</td><td>tyler_stern@salonmagazine.com</td><td>1979-02-01</td></tr>
		<tr><td>8</td><td>Annette R. Thrasher</td><td>tacitpiffle@charter.net</td><td>1982 Oct 11</td></tr>
		<tr><td>9</td><td>Alice P. Lemieux</td><td>alice-lemieux@gmail.com</td><td>2.2.1957</td></tr>
		<tr><td>10</td><td>Suzanne P. Dill</td><td>suzanne1450@labournet.ca</td><td>Mar. 24, 1986</td></tr>
		<tr><td>11</td><td>Garrett J. Rangel</td><td>grangel@yahoo.com</td><td>Jul. 10, 1967</td></tr>
		<tr><td>12</td><td>Valerie L. Tremblay</td><td>vtremblay@hotmail.com</td><td>1958-08-30</td></tr>
		<tr><td>13</td><td>Kimberley N. Pullen</td><td>dramaticengineer@stanford.edu</td><td>1965-11-20</td></tr>
		<tr><td>14</td><td>Anita C. Gamboa</td><td>agamboa@gmail.com</td><td>April 20, 1966</td></tr>
		<tr><td>15</td><td>Adrienne M. Perdue</td><td>adrienne211@msu.edu</td><td>Nov. 30, 1984</td></tr>
		<tr><td>16</td><td>Beatrice K. Osgood</td><td>bosgood@wisc.edu</td><td>Aug. 11, 1970</td></tr>
		<tr><td>17</td><td>Johnnie D. Raines</td><td>jraines@flutterby.com</td><td>Dec. 6, 1961</td></tr>
		<tr><td>18</td><td>Jamie A. Sawyers</td><td>jsawyers@uiuc.edu</td><td>1952 Feb 26</td></tr>
		<tr><td>19</td><td>Carol J. Hardaway</td><td>carol@hardaway.net</td><td>August 20, 1961</td></tr>
		<tr><td>20</td><td>Hershel M. Walter</td><td>mushywall@email.com</td><td>Dec. 11, 1965</td></tr>
		</tbody>
	</table>

</body></html>